<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>注册</title>
</head>
<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="/css/hf.css">
<link rel="stylesheet" href="/css/re_lo.css">

<body>
  <!-- 1.container容器是窗口布局的最基本元素，
    BootStrap推存所有样式都定义在container或container容器之中 -->
  <header></header>


  <div class="container">
    <div class="login_top">
      <span class="login_top_well">欢迎注册</span>
      <span class="login_top_hao">已有账号？&nbsp;<a href="./login.html" class="black">登录</a></span>
    </div>
    <div class="login_from">
      <div class="login_chose_table">
        <ul>
          <li class="user_choose_acitve">手机注册</li>
          <li>邮箱注册</li>
        </ul>
      </div>
      <div class="login_phone_register">
        <ul>
          <li>
            <p>账号<span class="red">*</span></p>
            <span id='usernameError red'></span>
            <div>
              <input class="username" id="username" type="text" name="username" id="" placeholder="支持中文、字母、数字、“-”、“_”的组合，4-20个字符">
            </div>
          </li>
          
          <li>
            <p>手机号<span class="red">*</span></p>
            <span id='userphone red'></span>
            <div>
              <input type="text" name="userphone" id="" placeholder="请输入手机号">
            </div>
          </li>

          <li>
            <p>验证码<span class="red">*</span></p>
            <span id='usernameError red'></span>
            <div>
              <input type="text" name="username" id="sure_code" placeholder="请输入验证码">
              <button id="send_sureCode_btn">发送验证码</button>
            </div>
          </li>

          <li>
            <p>设置密码<span class="red">*</span></p>
            <span id='pwdError red'></span>
            <div>
              <input id="pwdInput1" class="usenamepwd" type="text" name="password" id="" placeholder="字母、数字、特殊字符至少两种组合">
            </div>
          </li>

          <li>
            <p>确认密码<span class="red">*</span></p>
            <span id='pwdError red'></span>
            <div>
              <input id="pwdInput2" type="text" name="password" id="" placeholder="字母、数字、特殊字符至少两种组合">
            </div>
          </li>

          <li>
            <input type="checkbox" checked id="reigter_agreen"><span id="sure_agreen">阅读并同意</span>
            <span><a href="#">《FANTHFUL平台服务协议》</a></span>
            <span><a href="#">《法律声明及隐私权政策》</a></span>
            <p style="color: red;display: none;">请勾选服务协议</p>
          </li>

          <li>
            <button id="register_btn">注&nbsp;册</button>
          </li>
        </ul>
      </div>
    </div>
  </div>



  <footer>
    <div class="footer">
      <div class="container-fluid">
        <div class="footer_bottom">
          <p class="footrt_service">
            <a href="#">服务条款</a>
            &nbsp;|&nbsp;
            <a href="#">隐私政策</a>
          </p>
          <div class="gongan">
            <a href="#"><img src="../img/gongan.png" alt="">川公网安备&nbsp;44011302000920号</a>
          </div>
          <div class="beiannum">
            <a href="#">粤ICP备17083322号-1</a>
            Copyright @ 2018 FANTHFUL&nbsp;|&nbsp;
            <a href="#">出版物经营许可证新出发粤穗零字第埔043号</a>
          </div>
          <p class="company">广聚博汇（广州）文化传播有限公司版权所有</p>
        </div>
      </div>
    </div>
  </footer>
</body>
<script src="/lib/requirejs/require.js" data-main="/js/register.js"></script>
</html>